<!DOCTYPE html>
<html>

<head>
    <title>Example</title>

</head>

<body>
    <a href="#banana">111</a>
    <p>
        There are lots of different kinds of fruit - there are over 500 varieties
        of banana alone. By the time we add the countless types of apples, oranges,
        and other well-known fruit, we are faced with thousands of choices. 
    </p>
    <button id="pressme">Press Me</button>
    <p>
        One of the most interesting aspects of fruit is the variety available in
        each country. I live near London, in an area which is known for
        its apples.

    </p>
    <img id="banana" src="../images/banana-small.png" alt="small banana"/>
    <script>        
        document.getElementById("pressme").onclick = function() {
            // document.location.href = "../images/banana-small.png";
            
            document.location.hash = "#banana";
            console.log(document.location.hash);
        }
    </script>
</body>

</html>